<template>
  <div class="iconList">
    <IconText 
      v-for="(iconItem, index) in dataList" 
      :key="iconItem.label" 
      :value="iconItem.value" :label="iconItem.label" 
      :Index="index"
    />
  </div>
</template>

<script>

export default {
  components: {
    IconText: ()=> import('../../../components/IconText.vue')
  },
  props: {
    dataList: {
      type: Array,
      default: Array.from([])
    }
  },
  data() {
    return {

    }
  },
}
</script>

<style lang="scss">
  .iconList{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    .iconWrap{
      margin-right: 35px;
      &:last-of-type{
        margin-right: 0;

      }
    }
    
  }
 
</style>